class Registry {
    constructor() {
        // alert(1)
        this.url = 'http://localhost/lining/backend/'; //后端接口的公共地址

    }
    init() {
        // alert(1)
        this.validation();

    }
    validation() {
        let _this = this;
        $('#registry_btn').prop('disabled', true); //禁用按钮
        // 定义标记
        let userflag = false;

        // 手机号码
        $('#tel').on('blur', function() {
            if (this.value !== "") {

                let reg = /^1[3-9]\d{9}$/;
                if (reg.test($(this).val())) {
                    // $('.registry-form span').eq(0).css('color', 'green').html('√');
                    // userflag = true;
                    $.ajax({
                        method: 'post',
                        url: _this.url + 'registry.php',
                        data: {
                            tel: $(this).val()
                        },
                        dataType: 'json'
                    }).then(function(resData) {
                        if (resData.status === 1) {
                            $('.registry-form span').eq(0).css('color', 'red').html('手机号已经存在');
                            userflag = false;
                        } else {
                            $('.registry-form span').eq(0).css('color', 'green').html('√');
                            userflag = true;
                        }
                        check()

                    })
                } else {
                    $('.registry-form span').eq(0).css('color', 'red').html('手机号码格式有误');
                    userflag = false;
                }
            } else {
                $('.registry-form span').eq(0).css('color', 'red').html('手机号码不能为空')
                userflag = false;
            }
            check();
        })

        // 密码
        $('#password').on('blur', function() {
            if (this.value !== "") {
                let len = $(this).val().length;
                if (len <= 12 && len >= 6) {
                    $('.registry-form span').eq(1).css('color', 'green').html('√');
                    userflag = true;
                } else {
                    $('.registry-form span').eq(1).css('color', 'red').html('密码长度有误');
                    userflag = false;
                }
            } else {
                $('.registry-form span').eq(1).css('color', 'red').html('密码不能为空')
                userflag = false;
            }
            check();
        })

        // 二次密码
        $('#repass').on('blur', function() {
            if (this.value !== "") {
                let len = $(this).val().length;
                if (len <= 12 && len >= 6) {
                    $('.registry-form span').eq(2).css('color', 'green').html('√');
                    userflag = true;
                } else {
                    $('.registry-form span').eq(2).css('color', 'red').html('密码长度有误');
                    userflag = false;
                }
            } else {
                $('.registry-form span').eq(2).css('color', 'red').html('密码不能为空')
                userflag = false;
            }
            check();
        })

        // 封装检查的函数，是否开启提交按钮
        function check() {
            if (userflag) {
                //通过
                $('#registry_btn').prop('disabled', false); //禁用按钮
            } else {
                //不通过
                $('#registry_btn').prop('disabled', true); //禁用按钮
            }
        }
    }


}

export {
    Registry
}